<template>
	<div class="zp" style="background-color: #fcfdfe;">
		<div
			style="background-color: #ffffff;border: 1px solid #f3f3f3;padding: 10px 10px 0 10px;margin-top: 20px;box-shadow: azure;">
			<div class="cont">
				<div class="phone">住院信息</div>
				<div class="phonename">北京市第一人民医院-东院区</div>
			</div>
			<div class="cont">
				<div class="phone">住院科室</div>
				<div class="phonename">特需病院区</div>
			</div>
			<div class="cont">
				<div class="phone">入院时间</div>
				<div class="phonename">2020/10/09 09:00:00</div>
			</div>
			<div class="cont">
				<div class="phone">出院时间 </div>
				<div class="phonename">2020/10/09 09:00:00</div>
			</div>
			<div class="cont" style="border: 0;">
				<div class="phone">住院状态</div>
				<div class="phonename">住院中</div>
			</div>
		</div>
		<div
			style="background-color: #ffffff;border: 1px solid #f3f3f3;padding: 10px 10px 0 10px;margin-top: 20px;box-shadow: azure;">
			<div class="cont">
				<div class="phone">就 诊 人</div>
				<div class="phonename">牛韦</div>
			</div>
			<div class="cont">
				<div class="phone">证件类型</div>
				<div class="phonename">身份证</div>
			</div>
			<div class="cont">
				<div class="phone">身份证号</div>
				<div class="phonename">610*********0989</div>
			</div>
			<div class="cont">
				<div class="phone">手机号码</div>
				<div class="phonename">158****8900</div>
			</div>
			<div class="cont" style="border: 0;">
				<div class="phone">就诊卡号</div>
				<div class="phonename">20209000709</div>
			</div>
			<div class="cont" style="border: 0;">
				<div class="phone">住 院 号</div>
				<div class="phonename">390090</div>
			</div>
		</div>
		<div class="sure" @click="topUp">住院充值</div>
		<div style="height: 60rpx;"></div>
	</div>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			topUp() {
				
				uni.navigateTo({
					url: "../../../hospitalizationServices/pages/charge/topUp"
				})
			}
		}
	}
</script>

<style>
	.sure {
		background: #006eff;
		border-radius: 8rpx;
		padding: 10rpx 0;
		text-align: center;
		color: #ffffff;
		font-size: 40rpx;
		margin: 60rpx 20rpx;
	}

	.zp {
		padding: 0 10px;
	}

	.phonename {
		margin-left: 15px;
		font-family: 'PingFangSC-Light', 'PingFang SC Light', 'PingFang SC', sans-serif;
		font-weight: 200;
		font-style: normal;
		font-size: 18px;
	}

	.phone {
		color: #AAAAAA;
		font-family: 'PingFangSC-Light', 'PingFang SC Light', 'PingFang SC', sans-serif;
		font-weight: 200;
		font-style: normal;
		font-size: 18px;
	}

	.cont {
		display: flex;
		align-items: center;
		height: 50px;
		border-bottom: 1px solid rgba(242, 242, 242, 1);
	}
</style>